<!DOCTYPE html>
<html>
<head>
    <title>图片对比</title>
    <link rel="stylesheet" href="styles/main.css">
</head>
<body>
    <div class="container">
        <div class="image-row">
            <div class="image-container">
                <h3>原始图片 1</h3>
                <input type="file" id="image1" accept="image/*">
                <canvas id="canvas1"></canvas>
            </div>
            <div class="image-container">
                <h3>原始图片 2</h3>
                <input type="file" id="image2" accept="image/*">
                <canvas id="canvas2"></canvas>
            </div>
        </div>
        <div class="diff-row">
            <h3>差异对比图</h3>
            <canvas id="diffCanvas"></canvas>
        </div>
        <div class="debug-info" id="debugInfo"></div>
    </div>

    <script src="js/logger.js"></script>
    <script src="js/imageLoader.js"></script>
    <script src="js/imageComparator.js"></script>
</body>
</html> 